<div id="header">
    <h1 class="logo">
        <i></i>
    </h1>
    <ul class="headerNav">
        <li class="active">在线商城</li>
        <li>坚果 Pro 3</li>
        <li>坚果 Pro 2S</li>
        <li>坚果 TNT 工作站</li>
        <li>Smartisan OS</li>
        <li>欢喜云</li>
        <li>应用</li>
        <li>论坛</li>
        <li>荣誉与奖项</li>
        <li>加入我们</li>
        <li>下载 APP</li>
    </ul>
    <div class="right">
        <div class="userLogo">
            <i class="user"></i>
        </div>
        <div class="cartLogo">
            <i class="cart"></i>
            <b class="point"></b>
        </div>
        <div class="userBox">
            <div class="userContent">
                <div class="header">
                    <i></i>
                    <p>用户名</p>
                </div>
                <ul class="listBox">
                    <li class="list">
                        <i></i>
                        <p>我的订单</p>
                        <div class="cover"></div>
                    </li>
                    <li class="list">
                        <i></i>
                        <p>售后服务</p>
                        <div class="cover"></div>
                    </li>
                    <li class="list">
                        <i></i>
                        <p>我的优惠</p>
                        <div class="cover"></div>
                    </li>
                    <li class="list">
                        <i></i>
                        <p>账户资料</p>
                        <div class="cover"></div>
                    </li>
                    <li class="list">
                        <i></i>
                        <p>收货地址</p>
                        <div class="cover"></div>
                    </li>
                    <li class="list">
                        <i></i>
                        <p>退出登录</p>
                        <div class="cover"></div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="cartBox">
            <div class="cart">
                <div class="cartContent" id="cartTemplateBox">
                    <script type="text/html" id="cartTemplate">
                        {{each data item}}
                            <li class="cartList">
                                <div class="imgBox">
                                    <img src="{{item.imgUrl}}" alt="">
                                </div>
                                <div class="msgBox">
                                    <h6 class="titleBox">{{item.title}}</h6>
                                    <div class="typeBox">{{item.type}}</div>
                                    <p class="priceBox">
                                        <em>¥</em><i>{{item.price}}</i><span>x</span><b>{{item.count}}</b>
                                    </p>
                                </div>
                                <div class="delBox">
                                    <i class="delBtn"></i>
                                </div>
                            </li>
                        {{/each}}
                    </script>
                </div>
                <div class="cartFooter">
                    <div class="cartFooterLeft">
                        <div><span>共</span><i class="allCount">1</i><span>件商品</span></div>
                        <p><span>合计：</span><em>¥<i class="allPrice">1</i></em></p>
                    </div>
                    <div class="cartFooterRight">
                        <a href="/html/cart.html">去购物车</a>
                    </div>
                </div>
            </div>
            <div class="emptyBox">
                <i></i>
                <div>购物车为空</div>
                <p>您还没有选购任何商品，现在前往商城选购把！</p>
            </div>
        </div>
    </div>
</div>